<template>
	<view>
		<!-- tab切换显示 -->
		<view class="tabLine">
			<view class="xiangmu1" @click="tabChanges(0)" :style="tabChange == 0? 'color:#40A0F2;':''">
				待办
			</view>
			<view class="xiangmu1" @click="tabChanges(1)" :style="tabChange == 1? 'color:#40A0F2;':''">
				已办
			</view>
		</view>
		<view class="botLine" style="margin-left: 18%;" v-show="tabChange == 0"></view>
		<view class="botLine" style="margin-left: 68%;" v-show="tabChange == 1"></view>
		<!-- 财务待办页面 -->
		<view class="" v-show="tabChange == 0">
			<!-- 搜索栏 -->
			<view class="search_bar" style="margin-top: 5rpx;">
				<view class="search_left" @click="select()">
					<image src="../../../../static/client/shaixuan.png" class="search_left_img"></image>
				</view>
				<input class="search_bar_input" v-model="searchInfo1" placeholder=" "
					placeholder-class="search_input_text" />
				<!-- <image src="../../../../static/client/sousuo.png" style="z-index: 77;" class="sousuo_img"
					@click="handleSearchIcon"></image> -->
					<view class="all_sousuo_img" @click="handleSearchIcon">
						<image src="../../../../static/client/sousuo.png"
							style="width: 38rpx;height: 34rpx;margin-top: 20rpx;margin-left: 20rpx;"></image>
					</view>
			</view>
			
			<!-- 筛选查询框 select_query-->
			<view class="select_query" v-if="select_query">
				<form @submit="" @reset="">
			
					<!-- 项目阶段 -->
					<view class="select_query_text" style="margin-top: 20rpx;">申请类型</view>
					<view class="select_input" style="margin-top: -50rpx;" @click="proItemsShow1()">
						<text class="select_input_text">{{ levShow }}</text>
						<image src="../../../../static/client/xiala.png"
							style="width: 20rpx;height: 11rpx;position: absolute; right: 50rpx; top: 95rpx;"></image>
					</view>
					<!-- 项目阶段下拉列表 -->
					<view class="project_item" style="" v-if="proItemShow1">
						<view class="item_info" :class="
								search_project_type == item.project_type_id
									? 'selectSlideItemActive'
									: ''
							" v-for="(item, index) in levList" :key="item.value" @tap="tapProItem1(item)">
							<text style="margin-left: 21rpx;">{{ item.name }}</text>
						</view>
					</view>
					<!-- 评价人员 -->
					<view class="select_query_text" style="margin-top: 62rpx;">申请人</view>
					<input class="select_input" name="input2" style="margin-top: -50rpx; font-size: 26rpx;color: #666;"
						placeholder="请选择" placeholder-class="placeholderclass" disabled="false" :value="insider"
						@click="userSelectShow()" />
						<view class="all_select_input_cancel" v-show="insider != ''" @click="selectUserCancel1()" style="top: 185rpx;">
													 ×
						</view>
						<!-- 多层部门人员选择 -->
						<view class="user_select_plus" v-show="insider_select_show">
							<view class="tab_line">
								<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;">
									<view class="tab_item" v-for="(item,index) in userSelectTabLine"
										:style="item.show_name == userSelectTabLine[userSelectTabLine.length-1].show_name ?'color: #128bf1;':''"
										@click="tapSelectTab(item,index)">
										{{item.show_name}}
									</view>
								</scroll-view>
							</view>
						
							<view class="user_select_show">
								<scroll-view scroll-y="true" style="height: 360rpx;">
									<view v-for="item in userSelectList" class="select_item" @click="tapSelector(item)" :style="item.is_department == 1?'color:#128bf1':''">
										{{item.show_name}}</view>
								</scroll-view>
							</view>
						</view>
						<!-- 多层部门人员选择结束 -->
						<!-- 模糊查询 -->
						<view class="select_query_text" style="margin-top: 62rpx;">模糊查询</view>
						<input type="text" class="select_input" name="input2"
							style="margin-top: -50rpx; font-size: 26rpx;color: #666;" placeholder="请输入" v-model="searchInfo1"
							placeholder-class="placeholderclass" />
						<!-- 模糊查询结束 -->
					<!-- 取消确定按钮 -->
					<view style="margin-top: 65rpx;">
						<button class="query_button_cancel" @click="handelCancel" style="">取消</button>
						<button class="query_button_confirm" @click="handleSearchClick" style="">
							筛选
						</button>
					</view>
				</form>
			</view>
			<!-- 筛选查询框结束 -->
			<!-- 财务条目 -->
			<view class="caiwuItem" v-for="item in caiwuList" @click="goCaiWuDetail(item)">
				<view class="" style="margin-left: 30rpx;">
					{{item.title}}
				</view>
				
				<view class="" style="margin-left: 30rpx;font-size: 24rpx;margin-top: 10rpx;position: relative;">
					<text style="color: #999;">创建人:</text>
					<text style="margin-left: 10rpx; color: #40A0F2;">{{item.memberInfo.nickname}}</text>
					<text style="color: #999;position: absolute;left: 290rpx;">报销类型:</text>
					<text style="color: #40A0F2;position: absolute;left: 400rpx;">{{item.project_status_show}}</text>
				</view>
				<view class="" style="margin-left: 30rpx;font-size: 24rpx;margin-top: 10rpx;">
					<text style="color: #999;">项目阶段:</text>
					<text style="margin-left: 10rpx; color: #40A0F2;">审批</text>
					<text style="margin-left: 130rpx;color: #999;">创建时间:</text>
					<text style="margin-left: 10rpx; color: #40A0F2;">{{item.padd_time}}</text>
				</view>
			</view>
			
			<!-- 加载更多 -->
			<view style="width: 100%;height: 200rpx;">
				<uni-load-more :status="status" iconType="auto" @clickLoadMore="getMoreProject"></uni-load-more>
			</view>
		</view>
		
		<!-- 财务已办 -->
		<view class="" v-show="tabChange == 1">
			<!-- 搜索栏 -->
			<view class="search_bar" style="margin-top: 5rpx;">
				<view class="search_left" @click="select2()">
					<image src="../../../../static/client/shaixuan.png" class="search_left_img"></image>
				</view>
				<input class="search_bar_input" v-model="searchInfo2" placeholder=" "
					placeholder-class="search_input_text" />
				<!-- <image src="../../../../static/client/sousuo.png" style="z-index: 77;" class="sousuo_img"
					@click="handleSearchIcon2"></image> -->
					<view class="all_sousuo_img" @click="handleSearchIcon2">
						<image src="../../../../static/client/sousuo.png"
							style="width: 38rpx;height: 34rpx;margin-top: 20rpx;margin-left: 20rpx;"></image>
					</view>
			</view>
			
			<!-- 筛选查询框 select_query-->
			<view class="select_query" v-if="select_query2">
				<form @submit="" @reset="">
			
					<!-- 申请类型-->
					<view class="select_query_text" style="margin-top: 20rpx;">申请类型</view>
					<view class="select_input" style="margin-top: -50rpx;" @click="proItemsShow2()">
						<text class="select_input_text">{{ levShow2 }}</text>
						<image src="../../../../static/client/xiala.png"
							style="width: 20rpx;height: 11rpx;position: absolute; right: 50rpx; top: 95rpx;"></image>
					</view>
					<!-- 申请类型下拉列表 -->
					<view class="project_item" style="" v-if="proItemShow2">
						<view class="item_info" :class="
								search_project_type == item.project_type_id
									? 'selectSlideItemActive'
									: ''
							" v-for="(item, index) in levList" :key="item.value" @tap="tapProItem2(item)">
							<text style="margin-left: 21rpx;">{{ item.name}}</text>
						</view>
					</view>
					<!-- 评价人员 -->
					<view class="select_query_text" style="margin-top: 62rpx;">申请人</view>
					<input class="select_input" name="input2" style="margin-top: -50rpx; font-size: 26rpx;color: #666;"
						placeholder="请选择" placeholder-class="placeholderclass" disabled="false" :value="insider2"
						@click="userSelectShow2()" />
						<view class="all_select_input_cancel" v-show="insider2 != ''" @click="selectUserCancel2()" style="top: 185rpx;">
													 ×
						</view>
						<!-- 多层部门人员选择 -->
						<view class="user_select_plus" v-show="insider_select_show2">
							<view class="tab_line">
								<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;">
									<view class="tab_item" v-for="(item,index) in userSelectTabLine2"
										:style="item.show_name == userSelectTabLine2[userSelectTabLine2.length-1].show_name ?'color: #128bf1;':''"
										@click="tapSelectTab2(item,index)">
										{{item.show_name}}
									</view>
								</scroll-view>
							</view>
						
							<view class="user_select_show">
								<scroll-view scroll-y="true" style="height: 360rpx;">
									<view v-for="item in userSelectList2" class="select_item" @click="tapSelector2(item)" :style="item.is_department == 1?'color:#128bf1':''">
										{{item.show_name}}</view>
								</scroll-view>
							</view>
						</view>
						<!-- 多层部门人员选择结束 -->
						
						<!-- 模糊查询 -->
						<view class="select_query_text" style="margin-top: 62rpx;">模糊查询</view>
						<input type="text" class="select_input" name="input2"
							style="margin-top: -50rpx; font-size: 26rpx;color: #666;" placeholder="请输入" v-model="searchInfo2"
							placeholder-class="placeholderclass" />
						<!-- 模糊查询结束 -->
					
					<!-- 取消确定按钮 -->
					<view style="margin-top: 65rpx;">
						<button class="query_button_cancel" @click="handelCancel2" style="">取消</button>
						<button class="query_button_confirm" @click="handleSearchClick2" style="">
							筛选
						</button>
					</view>
				</form>
			</view>
			<!-- 财务条目 -->
			<view class="caiwuItem" v-for="item in haveCawiWuList" @click="goCaiWuDetail(item)">
				<view class="" style="margin-left: 30rpx;">
					{{item.title}}
				</view>
				
				<view class="" style="margin-left: 30rpx;font-size: 24rpx;margin-top: 10rpx;position: relative;">
					<text style="color: #999;">创建人:</text>
					<text style="margin-left: 10rpx; color: #40A0F2;">{{item.memberInfo.nickname}}</text>
					<text style="color: #999;position: absolute;left: 290rpx;">报销类型:</text>
					<text style="color: #40A0F2;position: absolute;left: 400rpx;">{{item.project_status_show}}</text>
				</view>
				<view class="" style="margin-left: 30rpx;font-size: 24rpx;margin-top: 10rpx;">
					<text style="color: #999;">项目阶段:</text>
					<text style="margin-left: 10rpx; color: #40A0F2;">已办</text>
					<text style="margin-left: 130rpx;color: #999;">创建时间:</text>
					<text style="margin-left: 10rpx; color: #40A0F2;">{{item.padd_time}}</text>
				</view>
			</view>
			
			<!-- 加载更多 -->
			<view style="width: 100%;height: 200rpx;">
				<uni-load-more :status="status2" iconType="auto" @clickLoadMore="getMoreProject2"></uni-load-more>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// -------多级人员选择
				userSelectTabLine: [{
					show_name: '部门选择'
				}],
				userSelectList: [],
				
				userSelectTabLine2: [{
					show_name: '部门选择'
				}],
				userSelectList2: [],
				searchInfo2:'',
				cache_department_id:'',
				token: '',
				member_id: '',
				company_id: '',
				searchInfo1: '',
				pageNum: 0,
				pageNum2: 0,
				status: 'more', //加载更多状态
				status2: 'more', //加载更多状态
				startDate: '开始时间',
				endDate: '结束时间',
				levShow: '全部',
				totle: 0,
				totle2: 0,
				// 项目进度
				stepTitle: '',
				caiwuList:[],	//财务待办列表
				haveCawiWuList:[],	//财务已办列表
				tabChange:0, //控制tab栏切换  0项目 1财务
				select_query: false, //控制筛选查询框是否显示
				select_query2: false, //控制筛选查询框是否显示
				proItemShow: false,
				proItemShow1: false,
				proItemShow2: false,
				levShow: '全部',
				levShow2: '全部',
				// ******人员选择*******
				selectClassId: '',
				userList: [],
				insider: '', //内部业务人员
				insiderId: '', //内部业务人员Id
				insider2: '', //内部业务人员
				insiderId2: '', //内部业务人员Id
				insider_select_show: false,
				insider_select_show2: false,
				insider_user: [],
				insider_user2: [],
				searchInfo1:'',
				searchInfo2:'',
				stage_code1:'', //类型编码
				stage_code2:'', //类型编码
				levList:[
					{
						name:'全部',
						value:''
					},
					{
						name:'报销',
						value:'reimbursement'
					},
					{
						name:'项目结算申请',
						value:'settlement'
					},
					{
						name:'项目专家费申请',
						value:'expert'
					},
					{
						name:'到账记录',
						value:'arrival'
					},
					{
						name:'业务结算申请',
						value:'business'
					},
					{
						name:'合同登记',
						value:'contract'
					},
					{
						name:'邮寄',
						value:'mail'
					},
					{
						name:'报告用章审批',
						value:'report'
					},
					{
						name:'其他用章审批',
						value:'chapter'
					}
				]
			};
		},

		onLoad(options) {
			this.token = uni.getStorageSync('btlh_process_token') || '';
			this.member_id = uni.getStorageSync('btlh_process_member_id') || '';
			this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || '';
			this.company_name = uni.getStorageSync('bthl_process_LoginCompanyName') || '';
			this.PorjectType = options.type || '';
			this.getUserList();
			console.log(123123);
		},
		onShow() {
			this.cache_department_id = uni.getStorageSync('cache_department_id') || '';
			this.getFinnaceList();
			this.getHaveFinnaceList();
		},
		methods: {
			// 消除人员
			selectUserCancel1(){
				this.insider = '';
				this.insiderId = '';
				this.insider_select_show = false;
			},
			// 消除人员
			selectUserCancel2(){
				this.insider2 = '';
				this.insiderId2 = '';
				this.insider_select_show2 = false;
			},
			// tab点击
			tapSelectTab(item, index) {
				// 判断是否点击第一个元素
				if (index == 0) {
					this.userSelectList = this.userList;
					this.userSelectTabLine = [{
						show_name: '部门选择'
					}]
				}else{
					this.userSelectTabLine = this.userSelectTabLine.slice(0, index + 1);
					this.userSelectList = item.children;
				}
			},
			
			// 多级列表点击
			tapSelector(item) {
				// 0不是部门 1是部门
				if (item.is_department == 0) {
					this.insider = item.show_name;
					this.insiderId = item.id;
					this.insider_select_show = false;
				} else if (item.is_department == 1) {
					this.userSelectList = item.children;
					//判断如果部门已加入tab栏则不加入
					if (!this.userSelectTabLine.includes(item)) { 
						this.userSelectTabLine.push(item);
					}
				}
			},
			
			// tab点击
			tapSelectTab2(item, index) {
				// 判断是否点击第一个元素
				if (index == 0) {
					this.userSelectList2 = this.userList;
					this.userSelectTabLine2 = [{
						show_name: '部门选择'
					}]
				}else{
					this.userSelectTabLine2 = this.userSelectTabLine2.slice(0, index + 1);
					this.userSelectList2 = item.children;
				}
			},
			
			// 多级列表点击
			tapSelector2(item) {
				// 0不是部门 1是部门
				if (item.is_department == 0) {
					this.insider2 = item.show_name;
					this.insiderId2 = item.id;
					this.insider_select_show2 = false;
				} else if (item.is_department == 1) {
					this.userSelectList2 = item.children;
					//判断如果部门已加入tab栏则不加入
					if (!this.userSelectTabLine2.includes(item)) { 
						this.userSelectTabLine2.push(item);
					}
				}
			},
			
			
			// 项目已办点击取消
			handelCancel2(){
				this.select_query2 = false;
				this.proItemShow2 = false;
				this.insider_select_show2 = false;
				this.insider2 = '';
				this.insiderId2 = '';
				this.levShow2 = '';
				this.stage_code2 = '';
				this.searchInfo2 = '';
			},
			// 搜索框点击确定2
			handleSearchClick2() {
				uni.showLoading({
					title:'请求中~~'
				});
				this.getHaveFinnaceList();
				this.select_query2 = false;
			},
			// 搜索框点击确定
			handleSearchClick() {
				uni.showLoading({
					title:'请求中~~'
				});
				this.getFinnaceList();
				this.select_query = false;
			},
			// 待办点击取消
			handelCancel(){
				this.select_query = false;
				this.proItemShow1 = false;
				this.insider_select_show = false;
				this.insider = '';
				this.insiderId = '';
				this.levShow = '';
				this.stage_code1 = '';
				this.searchInfo1 = '';
				
			},
			// 点击选择申请类型
			tapProItem1(item){
				this.levShow = item.name;
				this.stage_code1 = item.value;
				this.proItemShow1 = false;
			},
			// 点击选择申请类型
			tapProItem2(item){
				this.levShow2 = item.name;
				this.stage_code2 = item.value;
				this.proItemShow2 = false;
			},
			// 点击显示评价人员选择框
			userSelectShow() {
				this.insider_select_show = !this.insider_select_show;
				this.proItemShow = false;
				this.proItemShow1 = false;
				// this.getPerson(this.department[0])
			},
			
			// 点击显示评价人员选择框
			userSelectShow2() {
				this.insider_select_show2 = !this.insider_select_show2;
				this.proItemShow2 = false;
				// this.getPerson(this.department[0])
			},
			proItemsShow2() {
				console.log(this.proItemShow);
				this.proItemShow2 = !this.proItemShow2;
				this.insider_select_show = false;
			},
			// 点击项目阶段
			proItemsShow1() {
				this.proItemShow1 = !this.proItemShow1;
				this.proItemShow = false;
				this.insider_select_show = false;
			},
			// 点击筛选查询按钮显示查询框
			select() {
				this.select_query = !this.select_query;
			},
			// 点击筛选查询按钮显示查询框2
			select2() {
				this.select_query2 = !this.select_query2;
			},
			// 获取人员列表
			async getUserList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Management/simple_member',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						cache_department_id:this.cache_department_id,
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.userList = res.datas.listInfo;
				this.userSelectList = this.userList;
				this.userSelectList2 = this.userList;
				
				// 数组反转将部门放在前
				for(let i = 0;i<this.userSelectList.length;i++){
					this.userSelectList[i].children.reverse();
				}
				
				console.log('用户列表(选择框)', this.userList);
			},
			// 设置内部人员
			setInsider(item) {
				this.insider = item.show_name;
				this.insiderId = item.id;
				this.insider_select_show = false;
			},
			// 设置内部人员
			setInsider2(item) {
				this.insider2 = item.show_name;
				this.insiderId2 = item.id;
				this.insider_select_show2 = false;
			},
			// 获取内部人员
			getInsider(item) {
				if (item.is_department == 0) {
					this.insider = item.show_name;
					this.insiderId = item.id;
					this.insider_select_show = false;
					return;
				}
				this.selectClassId = item.id;
				// console.log(this.selectClassId)
				this.insider_user = item.children;
			},
			getInsider2(item) {
				if (item.is_department == 0) {
					this.insider2 = item.show_name;
					this.insiderId2 = item.id;
					this.insider_select_show2 = false;
					return;
				}
				this.selectClassId = item.id;
				this.insider_user = item.children;
			},
			// 内部人员选择点击
			insiderClick() {
				this.insider_select_show = !this.insider_select_show;
				// this.getInsider(this.insider_department[0])
			},
			// 点击tab栏切换页面
			tabChanges(val){
				switch(val){
					case 0:
					this.tabChange=0
					this.getFinnaceList();
					break;
					case 1:
					this.tabChange=1
					this.getHaveFinnaceList();
					break;
				}
			},
			// 点击财务条目
			goCaiWuDetail(item){
				switch(item.stage_code){
					case 'reimbursement':
					uni.navigateTo({
						url:'../../../../pages/finnace/finnaceDispatch?finnaceId='+item.project_id
					})
					break;
					case'settlement':
					uni.navigateTo({
						url:'../../../../pages/finnace/finnaceAccount?finnaceId='+item.project_id
					})
					break;
					case'expert':
					uni.navigateTo({
						url:'../../../../pages/finnace/finnaceExpert?finnaceId='+item.project_id
					})
					break;
					case'arrival':
					uni.navigateTo({
						url:'../../../../pages/finnace/finnaceSend?finnaceId='+item.project_id
					})
					break;
					case'mail':
					uni.navigateTo({
						url:'/packageAdmin/pages/admin/post/postDetail?finnaceId='+item.project_id
					})
					break;
					case'report':
					uni.navigateTo({
						url:'/packageAdmin/pages/admin/post/reportDetail?finnaceId='+item.project_id
					})
					break;
					case'chapter':
					uni.navigateTo({
						url:'/packageAdmin/pages/admin/post/chapterDetail?finnaceId='+item.project_id
					})
					break;
					case'business':
					uni.navigateTo({
						url:'../../../../pages/finnace/finnaceBusiness?finnaceId='+item.project_id
					})
					break;
					case'contract':
					uni.navigateTo({
						url:'../../../../pages/finnace/finnaceContract?finnaceId='+item.project_id
					})
					break;
					case'bproject':
					uni.navigateTo({
						url:'../../../../packageProject/businessProject/businessProjectDetail?finnaceId='+item.project_id
					})
					break;
					case'contract_seal':
					uni.navigateTo({
						url:'/packageAdmin/pages/admin/post/contractDetail?finnaceId='+item.project_id
					})
					break;
					case'external_seal':
					uni.navigateTo({
						url:'/packageAdmin/pages/admin/post/externalSealDetail?finnaceId='+item.project_id
					})
					break;
					case'contract_archive':
					uni.navigateTo({
						url:'/packageAdmin/pages/admin/post/contractArchiveDetail?finnaceId='+item.project_id
					})
					break;
				}
			},
			// 获取财务待办列表
			async getFinnaceList(){
				const { data: res } = await this.$myRequest({
					url: 'Management/finance_list',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						search_member_id: this.insiderId,
						stage_code: this.stage_code1,
						cache_department_id:this.cache_department_id,
						search:this.searchInfo1,
						p: 1,
						p_count: 10 + this.pageNum * 5
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
					console.log('财务列表---------'+res.datas.listInfo)
					this.totle = parseInt(res.datas.count);
					this.caiwuList = res.datas.listInfo
			},
			// 获取财务已办列表
			
			async getHaveFinnaceList(){
				const { data: res } = await this.$myRequest({
					url: 'Management/arfinance_list',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						stage_code:this.stage_code2,
						search_member_id: this.insiderId2,
						cache_department_id:this.cache_department_id,
						search:this.searchInfo2,
						p: 1,
						p_count: 10 + this.pageNum2 * 5
				
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
					console.log('财务列表---------'+res.datas.listInfo)
					this.totle2 = parseInt(res.datas.count);
					this.haveCawiWuList = res.datas.listInfo
			},
			// 点击放大镜搜索
			handleSearchIcon() {
				uni.showLoading({
					title:'请求中~~'
				});
				this.getFinnaceList();
			},
			// 点击放大镜搜索
			handleSearchIcon2() {
				uni.showLoading({
					title:'请求中~~'
				});
				this.getHaveFinnaceList();
			},
			// 点击查看更多
			getMoreProject() {
				if (this.totle > this.caiwuList.length) {
					this.status = 'loading';
					this.pageNum++;
					this.getFinnaceList(); //执行的方法
					this.status = 'more';
				} else {
					//停止加载
					this.status = 'noMore';
				}
			},
			// 点击查看更多
			getMoreProject2() {
				if (this.totle2 > this.haveCawiWuList.length) {
					this.status2 = 'loading';
					this.pageNum2++;
					this.getHaveFinnaceList(); //执行的方法
					this.status2 = 'more';
				} else {
					//停止加载
					this.status2 = 'noMore';
				}
			},
		}
	};
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
	
	// 多层部门人员选择
	.user_select_plus {
		width: 550rpx;
		height: auto;
		position: absolute;
		background: #ffffff;
		// top: 575rpx;
		left: 170rpx;
		z-index: 999;
		border-radius: 10rpx;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
	
		// 顶部选择栏
		.tab_line {
			width: 100%;
			display: flex;
			border-bottom: 1rpx solid #E4E7ED;
	
			.tab_item {
				height: 70rpx;
				display: inline-block;
				line-height: 70rpx;
				margin-left: 30rpx;
				font-size: 28rpx;
			}
		}
	
		// 内容展示框
		.user_select_show {
	
			.select_item {
				height: 60rpx;
				display: flex;
				align-items: center;
				border-bottom: 1rpx solid #E4E7ED;
				font-size: 26rpx;
				padding-left: 30rpx;
			}
		}
	}
	
	
	.botLine{
		width: 100rpx;
		height: 6rpx;
		background-color: #40A0F2;
	}
	// 财务条目
	.caiwuItem{
		width: 100%;
		font-size: 26rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		color: #666666;
		border-bottom: 5rpx solid #F7F7F7;
	}
	// tab栏
	.tabLine{
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		.xiangmu1{
			width: 50%;
			height: 60rpx;
			font-size: 28rpx;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			
		}
	}
	// ****进度条****
	.stepTitleForProject {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		text-align: center;
		width: 100%;
		height: auto;
	}

	.stepRow {
		position: relative;
		display: flex;
		justify-content: flex-end;
		height: auto;

		.finnaceStep {
			width: 100%;
			// background: #FFFFFF;
			z-index: 99;
			// box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			padding: 48rpx 0rpx;
			padding-bottom: 80rpx;
			height: auto;
			// border-radius: 20px;

			.MyStep {
				position: relative;

				// height: 300rpx;
				.stepLine {
					position: absolute;
					width: 2px;
					height: 100%;
					left: 12rpx;
					top: 22rpx;
					background-color: #40a0f2;
				}

				.stepRow1 {
					display: flex;
					align-items: center;

					.stepIdot {
						width: 26rpx;
						height: 26rpx;
						margin-right: 20rpx;
					}

					.stepdate {
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #128bf1;
					}
				}

				.stepRow2 {
					height: 84rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.stepusername {
						display: block;
						margin-left: 70rpx;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						min-width: 200rpx;
						width: 200rpx;
						color: #333333;
					}

					.stepstatus {
						margin: 20rpx;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #19af3c;
						width: 280rpx;
						height: auto;

						.addTime {
							width: 100%;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							font-size: 24rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #666666;
						}

						.status {
							font-size: 24rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #128bf1;
						}
					}
				}
			}
		}
	}

	// ****进度条****

	// 人员选择
	.user_select {
		width: 550rpx;
		height: auto;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10rpx;
		overflow: hidden;
		position: absolute;
		// top: 457rpx;
		left: 170rpx;
		z-index: 100;

		.firm_name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			text-align: center;
			margin-top: 21rpx;
		}

		.department {
			width: 288rpx;
			margin-left: 41rpx;
		}

		.person {
			width: 261rpx;
			margin-left: 41rpx;
		}

		.info_text {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
			margin-bottom: 30rpx;
		}

		.user_name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-bottom: 30rpx;
		}
	}

	.user_info {
		width: 410rpx;
		height: 296rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 20rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10rpx;
		position: absolute;
		top: 400rpx;
		left: 100rpx;
		padding-left: 34rpx;

		.name {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #128bf1;
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-top: 31rpx;

			image {
				width: 88rpx;
				height: 88rpx;
				border-radius: 50%;
			}
		}

		.user_text {
			margin-top: 19rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
		}
	}

	.scroll {
		width: 560rpx;
		height: 500rpx;
		display: flex;
		flex-direction: row;
	}

	.user_item {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.project_user {
		width: 170rpx;
		height: 65rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #666666;
		display: flex;
		flex-direction: row;
		line-height: 65rpx;
		margin-left: 20rpx;
		margin-top: 30rpx;
		background: #007aff;

		image {
			width: 65rpx;
			height: 65rpx;
			border-radius: 50%;
		}
	}

	.project_title {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #128bf1;
		margin-top: 58rpx;
		position: relative;

		image {
			width: 28rpx;
			height: 33rpx;
			position: absolute;
			top: 3rpx;
		}
	}

	.text_class {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		text-align: center;
	}

	// 弹窗
	.uniPopC {
		position: relative;

		.closeIcon {
			position: absolute;
			top: -70rpx;
			right: 0;
		}
	}

	.noticDetails {
		background-color: #fff;
		width: 630rpx;
		max-height: 925rpx;
		border-radius: 20rpx;
		box-sizing: border-box;
		padding: 40rpx 30rpx;
		position: relative;
		overflow: hidden;
	}

	.file_bnt {
		width: 137rpx;
		height: 137rpx;
		position: fixed;
		left: 592rpx;
		bottom: 120rpx;
		z-index: 5;

		image {
			width: 137rpx;
			height: 137rpx;
		}
	}

	.placeholderclass {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.item {
		width: 100%;
		display: flex;
		flex-direction: column;
		border-bottom: 5rpx solid #f7f7f7;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		.item_name {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-left: 30rpx;
		}


		.item_child {
			display: flex;
			flex-direction: row;
			margin-top: 20rpx;
			.item_type {
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #128bf1;
				margin-left: 20rpx;
			}

			.item_star {
				width: 32rpx;
				height: 30rpx;
				margin-left: 30rpx;
			}
		}
	}


	/* #ifdef H5 */
	.xfl_select {
		width: 550rpx;
		height: 60rpx;
		margin-left: 170rpx;
		position: absolute;
		top: 165rpx;
		border: 1rpx solid #dfdfdf;
		border-radius: 10rpx;
	}

	/* #endif */
	/* #ifdef MP-WEIXIN */
	.xfl_select {
		width: 550rpx;
		height: 40rpx;
		font-size: 26rpx;
		margin-left: 170rpx;
		position: absolute;
		top: 160rpx;
		border: 1rpx solid #dfdfdf;
		border-radius: 10rpx;
	}

	/* #endif */
	.select_input {
		width: 530rpx;
		height: 60rpx;
		background: #ffffff;
		border: 1rpx solid #dfdfdf;
		border-radius: 10px;
		margin-left: 170rpx;
		line-height: 60rpx;
		padding-left: 22rpx;

		.select_input_text {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
	}

	.query_button_confirm {
		width: 375rpx;
		height: 80rpx;
		background: linear-gradient(0deg, #40a0f2 0%, #128bf1 100%);
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
		border-radius: 0;
		margin-right: 0;
		margin-top: -80rpx;
	}

	.query_button_cancel {
		width: 385rpx;
		height: 80rpx;
		border-radius: 0px;
		margin-left: 0;
		background: #ffffff;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.picker_input {
		width: 250rpx;
		height: 60rpx;
		background: #ffffff;
		border: 1px solid #dfdfdf;
		border-radius: 10rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		line-height: 60rpx;
		text-align: center;
		margin-left: 170rpx;
		margin-top: -48rpx;
	}

	.picker-view {
		width: 750rpx;
		height: 600rpx;
		margin-top: 20rpx;
	}

	.select_query {
		width: 100%;
		height: auto;
		background: #fff;
		position: absolute;
		top: 160rpx;
		padding-top: 56rpx;
		z-index: 999;
		box-shadow: 1px 3px 15px 0px rgba(3, 70, 126, 0.2);
	
		.select_query_text {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-left: 30rpx;
		}
	}
	

	.search_left_img {
		width: 46rpx;
		height: 36rpx;
		padding: 28rpx 30rpx;
	}

	.search_left {
		width: 106rpx;
		height: 92rpx;
		background: #40a0f2;
	}

	.search_bar {
		width: 100%;
		height: 92rpx;
		position: relative;
		border-bottom: 20rpx solid #f7f7f7;

		.search_bar_input {
			width: 450rpx;
			height: 72rpx;
			background: #f7f7f7;
			border: 1rpx solid #f7f7f7;
			border-radius: 36rpx 0 0 36rpx;
			margin-left: 136rpx;
			position: absolute;
			top: 10rpx;
			padding-left: 20rpx;
			font-size: 26rpx;
			.search_input_text {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #b2b2b2;
				line-height: 37px;
				margin-left: 31rpx;
			}
		}

		.sousuo_img {
			width: 38rpx;
			height: 34rpx;
			position: absolute;
			top: 28rpx;
			left: 650rpx;
		}
	}

	.head_text {
		width: 100%;
		height: 128rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 128rpx;
		text-align: center;
		border: 1rpx solid #f7f7f7;
	}

	.project_item {
		width: 550rpx;
		// height: 296rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		position: absolute;
		top: 130rpx;
		right: 25rpx;
		z-index: 999;

		.item_info {
			width: 100%;
			height: 60rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 60rpx;
		}
	}

	.overFlowH {
		width: 200rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	// ******人员选择*******
	.selectClass {
		color: #1a8ff1 !important;
	}

	// ******人员选择*******
</style>
